<template>
    <view class="content">
        <u-popup v-model="showPopup" mode="bottom" height="100%">
            <scroll-view scroll-y="false" style="height: 0px" />
            <EditMood @hidePopup="hidePopup" />
        </u-popup>
        <view class="u-page">
            <uni-calendar :insert="true" :lunar="true" @change="change" />
        </view>
        <u-tabbar :list="routes"></u-tabbar>
    </view>
</template>
<script>
    import EditMood from './edit-mood'
    export default {
        name: 'Home',
        components: {
            EditMood,
        },
        data() {
            return {
                routes: [],
                showPopup: false,
            }
        },
        mounted() {
            this.routes = this.$store.state.router.routes
        },
        methods: {
            change(val) {
                this.showPopup = true
                console.log(val)
            },
            hidePopup() {
                this.showPopup = false
            },
        },
    }
</script>
<style lang="sass"></style>
